import { useEffect, useRef, useState } from 'react'
// import reactLogo from './assets/react.svg'
// import viteLogo from '/vite.svg'
import './Range.css';


function App() {
    const preRef = useRef(null);

    return (
        <>
            <label>
                <input type="range" id="one" min="0" max="120" step="1" value="20" />
                <output for="one" style="--min: 0;--max: 120"></output>
            </label>
            <label style="--c: #BD1550">
                <input type="range" id="two" min="-50" max="50" step="1" value="0" />
                <output class="bottom" for="two" style="--min: -50;--max: 50"></output>
            </label>  
        </>
    )
}

export default App
